<ion-view view-title="还款记录">
	<ion-content style="background-color: #f5f5f5;padding-top:10px;">

		<ion-list>
		  	<ion-item class="item-remove-animate item-avatar item-icon-right" ng-repeat="produce in produceList" type="item-text-wrap" style="font-size:13px;padding-left: 10px;padding-right: 10px;">
				<div ng-if="produce.realStatus=='未还款'||produce.realStatus=='逾期未还款'" ng-click="payBackD({{produce.principal+produce.interest}},'{{produce.longProducePayBackId}}','{{longProduceId}}')">
					<div style="float: left;width: 50%;">
						<div style="font-size:18px;">{{produce.principal+produce.interest | number:2}}</div>
						<div style="color:#888888;">{{produce.payBackTime | date:'yyyy年MM月dd日还款'}}</div>
					</div>
					<div style="float: left;width: 40%;text-align: right;height: 40px;line-height: 40px;">
						<div ng-if="produce.realStatus=='未还款'">
							<div style="font-size:13px;">{{produce.realStatus}}</div>
							<i class="icon ion-ios-arrow-right"></i>
						</div>
						<div ng-if="produce.realStatus=='逾期未还款'">
							<div style="font-size:13px;color:red;">逾期{{produce.breakDays}}天，违约金 {{produce.breakMoney}} 元</div>
							<i class="icon ion-ios-arrow-right"></i>
						</div>
					</div>
				</div>
				
				<div ng-if="produce.realStatus!='未还款'&&produce.realStatus!='逾期未还款'">
					<div style="float: left;width: 50%;">
						<div style="font-size:18px;">{{produce.principal+produce.interest | number:2}}</div>
						<div style="color:#888888;">{{produce.realPayBackTime | date:'yyyy年MM月dd日还款'}}</div>
					</div>
					<div style="float: left;width: 50%;text-align: right;height: 40px;">
						
						<div ng-if="produce.realStatus=='提前还款'">
							<div style="font-size:13px;color:green;">{{produce.realStatus}}</div>
						</div>
						<div ng-if="produce.realStatus=='当期提前还款'">
							<div style="font-size:13px;color:green;">{{produce.realStatus}}</div>
						</div>
						<div ng-if="produce.realStatus=='按时还款'">
							<div style="font-size:13px;color:orangered;">{{produce.realStatus}}</div>
						</div>
						<div ng-if="produce.realStatus=='正常还款'">
							<div style="font-size:13px;color:yellowgreen;">{{produce.realStatus}}</div>
						</div>
						<div ng-if="produce.realStatus=='逾期已还款'">
							<div style="font-size:13px;color:cornflowerblue;">{{produce.realStatus}}</div>
						</div>
					</div>
				</div>
					
				
			</ion-item>
	   </ion-list>
		
	</ion-content>
</ion-view>